<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Login..</title>
	<base href = "<?= base_url();?>"/>
	<style type="text/css">

	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	</style>
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">

	<!-- Optional theme -->
	<link rel="stylesheet" href="assets/css/bootstrap-theme.min.css">

	<!-- Latest compiled and minified JavaScript -->
	<script src="assets/js/bootstrap.min.js"></script>

	<!-- jqurey -->
	<script src="assets/js/jquery-1.10.2.js"></script>

	<!-- validate -->
	<script src="assets/jvalidate/dist/jquery.validate.min.js"></script>

	<!-- My jqurey and css -->
	<script src="assets/js/myscript.js"></script>
	<link rel="stylesheet" href="assets/css/mycss.css">


</head>
<body  id="fullscreen_bg" class="fullscreen_bg">
    
     <div class="page-alerts">
        <div class="alert alert-success page-alert" id="alert-1">
            <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
            <strong>ยินดีด้วย !</strong> <span id = "message_success"></span>
        </div>
          <div class="alert alert-success page-alert" id="alert-1">
            <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
            <strong>Well done!</strong> You successfully read this important alert message.
        </div>
        <div class="alert alert-info page-alert" id="alert-2">
            <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
            <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
        </div>
        <div class="alert alert-warning page-alert" id="alert-3">
            <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
            <strong>Warning!</strong> Best check yo self, you're not looking too good.
        </div>
        <div class="alert alert-danger page-alert" id="alert-4">
            <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
            <strong>ผิดพลาด !</strong> <span id = "message_wrong"></span>
        </div>
        <div class="alert alert-success page-alert" id="alert-5">
            <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
            <strong>Cool!</strong> This alert will close in 3 seconds. The data-delay attribute is in milliseconds.
        </div>
   </div>


